/*
  学习目标：创建元素练习
  
  */

import React from 'react';
import ReactDOM from 'react-dom';

//💥 JS class 是关键字，React中类名要换成className
// const h1Node = React.createElement('div', { id: 'box', className: 'demo' }, '这是一个React案例');

// const liNode1 = ;
// const liNode2 = ;
// const liNode3 = ;

// 💥React不转换html标签
const ulNode = React.createElement('ul', { className: 'list' }, [
  React.createElement('li', null, '香蕉'),
  React.createElement('li', null, '苹果'),
  React.createElement('li', null, '西瓜'),
]);

ReactDOM.render(ulNode, document.getElementById('root'));
